/**
 * index css
 * @author yulipu
 */
/* util */
.y-container {
	border:1px solid #DDD;
}
.y-container-left {
	width:660px;
	float:left;
	border-right:1px solid #DDD;
}
.y-container-right {  /* right 容器设置了一个较小的宽度 起到了 padding 效果 */
	width:310px;
	float:right;
	overflow:hidden;
	margin-right:8px;
	font-size:12px;
	/*border:1px solid green;*/
}
.y-dot {
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url(../images/dot.png);
	background-repeat:no-repeat;
	background-position:0 -1px;
	vertical-align:middle;
	/*border:1px solid red;*/
}
.y-dot-on {background-position:0 -16px;}
.y-disc {
	display:inline-block;
	width:3px;
	height:3px;
	vertical-align:middle;
	margin-right:6px;
	background-color:#000;
}

/**
 * ============
 * banner 
 * ============
 */
.y-banner-padding {padding:12px 12px 12px 12px;}
.y-banner {
	position:relative;
	width:100%;
	height:300px;
	margin-top:2px;
	background: #829458 url("../images/loading.gif") no-repeat center center;
	overflow:hidden;
}
.y-banner-bg {
	position:absolute;
	z-index:1;
	width:100%;
	height:300px;
	top:0; left:0;
	/*background-image:xxx;*/
	background-repeat:no-repeat;
	background-position:center 0;
	
	-webkit-transition: background 1s linear;
	-moz-transition: background 1s linear;
	-o-transition: background 1s linear;
	transition: background 1s linear;
}
.y-banner-bg img {display:none;}
.y-banner-wrapper { /* main */
	width:990px;
	height:300px;
	margin:0 auto;
	position:relative; /* must relative because absolute cat not locate center */
	z-index:1;
	/*border:1px solid red;*/
}

.y-banner-left {
	position:absolute;
	width:400px;
	height:200px;
	bottom:44px;
	left:10px;
	/*border:1px solid green;*/
}
.y-banner-right {
	position:absolute;
	width:300px;
	/*height:240px;*/
	right:10px;
	bottom:44px;
	/*
	background-color:#000;
	opacity:.4;
	filter:alpha(opacity=40);
	*/
	background:transparent url(../images/banner_alpha.png) repeat-x 0 0;
	color:#FFF;
	/*border:1px solid green;*/
}
.y-banner-announcement {
	height:180px;
	/*border:1px solid red;*/
}
.y-banner-btnArea {
	height:40px;
	line-height:40px;
	text-align:right;
	border-top:1px solid #FFF;
}
/* // banner */

/**
 * ============
 * top main news 
 * ============
 */
.i-mainnewsPadding {padding:6px 12px 6px 12px;}
.i-mainnews {height:260px; overflow:hidden; font-size:12px;}
.i-mainnewsLeft {width:380px; position:relative; color:#FFF; background-color:#EEE;}
.i-mainnewsLeft img {}  /* 超出部分自动隐藏 */
.i-mainnewsLeft .i-mainnewsLeft-mask {  /* 图片描述遮罩 */
	position:absolute; bottom:0; 
	display:block; 
	width:100%;
	height:30px;
	line-height:30px;
	background-color:#000;
	filter:alpha(opacity=50);
	opacity:.5;
}
.i-mainnewsLeft .i-mainnewsLeft-mask-left {
	width:220px; padding-left:10px; 
	/*border-right:1px solid #FFF;*/
}
.i-mainnewsLeft .i-mainnewsLeft-mask-right {
	width:120px; text-align:right; padding-right:10px; 
	/*border-left:1px solid #FFF;*/
}
.i-mainnewsRight {width:600px;}
.i-mainnewsRight ul li {height:24px; line-height:24px; overflow:hidden;}
.i-mainnewsRight-title {
	margin-bottom:10px; 
	line-height:40px; 
	text-align:center;
}
.i-mainnewsRight-left {width:220px; overflow:hidden; }
.i-mainnewsRight-left ul li {border-bottom:1px dashed #DDD;}
.i-mainnewsRight-right {width:340px; overflow:hidden; /*border:1px solid green;*/}
.i-mainnewsRight-right img {width:160px; height:90px; border-radius:4px;}
.i-mainnewsRight-right img:hover {opacity:.8; filter:alpha(opacity=80);}
.i-mainnewsRight-rightList {
	margin-left:170px;
	width:166px;
	height:90px;
	overflow:hidden;
	/*border:1px solid red;*/
}
.i-mainnewsRight-rightList p {margin-top:3px; color:#888;}

/**
 * ============
 * floor 
 * ============
 */
.y-floor {}
/* floor -> title */
.y-floorTitle {
	position:relative;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #EEE;
}
.y-floorbg {
	display:block;
	position:absolute;
	z-index:1;
	left:-8px;
	width:80px;
	height:39px;
	font-weight:bold;
	color:#FFF;
	text-indent:12px;
}
.y-floorbg-orange {background:url(../images/floortitle_orange.png) no-repeat 0 0;}
.y-floorbg-green {background:url(../images/floortitle_green.png) no-repeat 0 0;}
.y-floorbg-blue {background:url(../images/floortitle_blue.png) no-repeat 0 0;}
.y-floorTitletALink {font-size:12px; padding-left:90px;}
.y-floorTitletALink a {margin-left:12px; padding:2px 20px 2px 20px;}
.y-floorTitletALink a:hover {text-decoration:none;}
.y-floorTitletALink a.active {background-color:#67C39C; color:#FFF;}
/* floor -> content */
.y-floorContent {/*border:1px solid red;*/}
.y-floorContent-padding {padding:0 0 20px 0;}
.y-floorPic {width:140px; height:100px; overflow:hidden;}
.y-floorPic:hover{position:relative; z-index:11; overflow:visible;}
.y-floorPic img {min-height:100px;}  /* 为了保持整齐 */
.y-thumbnail {position:relative;}  /* reset <a class="y-thumbnail"> */
.y-thumbnail:hover span {background-color:#ED7612;}
.y-thumbnail span {
	display:block;
	width:100%; 
	height:22px;
	line-height:22px; 
	overflow:hidden;
	position:absolute; 
	top:1px;
	left:0;
	text-align:center;
	opacity:.6;
	filter:alpha(opacity=60);
	color:#FFF;
	background-color:#514D46;
}
/* floor -> 文字列表 */
.y-floorList {margin-top:16px; /*border:1px solid green;*/}  /* ul */
.y-floorList .y-floorListItem {  /* ul > li */
	float:left;
	width:180px;
	margin-left:26px;
	height: 26px;
	line-height: 26px;
	overflow:hidden;
	font-size:12px;
	border-bottom: 1px dashed #DDD;
}

/* floor right list */
.y-container-right h5 {margin-bottom:12px;}
.y-container-right-list {}
.y-container-right-item {line-height:22px; /*border:1px solid red;*/}  /* li */
.y-container-right-item h6 {position:relative; height:30px; margin:0; font-weight:normal;}
.y-container-right-item .y-highlight {display:inline-block; width:64px; text-align:right;}
.y-container-right-item i {
	position:absolute; display:block; width:24px; height:24px; line-height:24px; 
	text-align:center; border:1px solid #DDD; 
}
.y-container-right-item i.y-itemCurrent {background-color:#67C39C; color:#FFF;}
.y-container-right-item h6 a {margin-left:32px;}
.y-container-right-item-hidden {display:none;}
.y-container-right-item-hiddenimg {
	width:100px; overflow:hidden; margin-right:10px;
}
.y-container-right-item-hiddendesc {
	height:66px;
	overflow:hidden;
	color:#666;
}
.y-container-right-news-list {
	width:280px;
	margin:0 auto;
	/*border-bottom:1px solid red;*/
}
.y-container-right-list-img {  /* <a> */
	display:block;
	position:relative;
	width:280px;
	height:106px;
	overflow:hidden;
}
.y-container-right-list-img:hover span {background-color:#FF8400;}
.y-container-right-list-img span {
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	line-height:26px;
	background-color:#000;
	color:#FFF;
	filter:alpha(opacity=60);
	opacity:.6;
}
.y-container-right-news-list ul {margin-top:8px;}
.y-container-right-news-list ul li {
	height:24px; line-height:24px; overflow:hidden;
}
